/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
@import "uview-ui/theme.scss";

$img-base: "https://img3.job1001.com/ypMp/elan/images/";
// 修改uview颜色
$u-type-success: #00be16;
$u-type-error: #ff4928;
$u-type-warning: #f86e21;
$u-light-color: #bbbbbb;

/* 文字基本颜色 */
$uni-text-color-grey: #e9e9e9; //辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #bbbbbb;

$uni-text-color-222: #222222;
$uni-text-color-333: #333;
$uni-text-color-555: #555555;
$uni-text-color-666: #666666;
$uni-text-color-888: #888888;
$uni-text-color-999: #999999;
$uni-text-color-error: #ff4928;
$uni-text-color-warn: #f86e21;
$uni-text-color-success: #00be16;
// $uni-text-color-tag: #666e77;
$uni-text-color-tag: #666;

/* 背景颜色 */
$uni-bg-color: #ffffff;
$uni-bg-color-grey: #F7F8FA;
$uni-bg-color-disable: #f5f5f5;
// $uni-bg-color-tag: #f0f3f7;
$uni-bg-color-tag: #f1f1f1;
$uni-bg-color-border: #eeeeee;
$uni-bg-color-border-d9: #d9d9d9;
$uni-bg-color-border-f1: #f1f1f1;

/* 边框颜色 */
$uni-border-color-red: #f04646;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-min: 20rpx;
$uni-font-size-sm: 24rpx;
$uni-font-size-nor: 26rpx;
$uni-font-size-base: 28rpx;
$uni-font-size-lg: 32rpx;
$uni-font-size-big: 36rpx;
$uni-font-size-sec: 40rpx;
$uni-font-size-max: 44rpx;

/* 图片尺寸 */
$uni-img-size-sm: 40rpx;
$uni-img-size-base: 52rpx;
$uni-img-size-lg: 80rpx;

/* Border Radius */
$uni-border-radius-sm: 4rpx;
$uni-border-radius-base: 6rpx;
$uni-border-radius-lg: 12rpx;
$uni-border-radius-big: 24rpx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10rpx;
$uni-spacing-row-base: 20rpx;
$uni-spacing-row-lg: 30rpx;

/* 垂直间距 */
$uni-spacing-col-sm: 8rpx;
$uni-spacing-col-base: 16rpx;
$uni-spacing-col-lg: 24rpx;
$uni-spacing-col-big: 32rpx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2c405a; // 文章标题颜色
$uni-font-size-title: 40rpx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 36rpx;
$uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 30rpx;

// 主题
$themes: "elan" "yw" "cg" "lh";
@mixin img-base-self($selector, $image) {
    @each $themename in $themes {
        .#{$themename} {
            ::v-deep #{$selector} {
                background-image: url("https://img3.job1001.com/ypMp/#{$themename}/images/#{$image}") !important;
            }
        }
    }
}
// @font-face {
//   font-family: "D-DIN-PRO-700-Bold"; /*定义字体名称*/
//   src: url("https://img3.job1001.com/ypMp/elan/images/career/positionDictionary/D-DIN-PRO-700-Bold.ttf");
// }

// @font-face {
//   font-family: "D-DIN-PRO-800-ExtraBold"; /*定义字体名称*/
//   src: url("https://img3.job1001.com/ypMp/elan/fontFamily/careerPath/D-DIN-PRO-800-ExtraBold.ttf");
// }
// @font-face {
//   font-family: "D-DIN-PRO-500-Medium"; /*定义字体名称*/
//   src: url("https://img3.job1001.com/ypMp/elan/fontFamily/careerPath/D-DIN-PRO-500-Medium.otf");
// }
.firstListContainer .u-tab-item{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100rpx;
  padding: 0 28rpx;
  margin-right: 16rpx;
  border-radius: 12rpx;
  font-weight: bold;
  border: 2rpx solid #e4e5f5;
  background: linear-gradient(180deg, #ebf5fe 0%, #ffffff 100%);
  box-sizing: border-box;
  &.selectedFirst {
    border: 4rpx solid #f75a3e;
    background: linear-gradient(180deg, #ffece9 0%, #ffffff 100%);
  }
  &:last-of-type {
    margin-right: 0rpx;
  }
  
}
.firstListContainer .u-scroll-box:nth-child(1){
  margin-left: 32rpx !important;
}
.myRightsBottomPopup .u-scroll-box{
  background-color: #f5f5f5;
}
.myRightsBottomPopup .u-drawer__scroll-view {
  background-color: #f5f5f5;
}
.career_asses_coupon_dialog {
  ::v-deep .u-mode-center-box{
		background-color: transparent !important;
	}
}